<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐看-招聘搜索列表</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/css/see/recruitScreen.min.css?v=<%=$version%>">
</head>
<body style="background: #f5f5f5">
<div id="recruitScreenResult" v-cloak>
    <header class="recruitScreen-header">
        <div class="header-left">
            <span class="header-leftLeft">{{{"1":"职位","2":"人才"}[""+type]}}<span>&or;</span></span>
            <input type="text" name="name" v-model="title" :value="title">
            <strong class="recruitScreen-reset" @click="getBack()"></strong>
        </div>
        <span class="header-right" @click="getBack()">取消</span>
    </header>
    <div class="recruitScreenResult">
        <template v-if="type==1">
            <div class="recruitPage-screen clearfix">
                <span @click="getIsScreen(2)">{{areaName}}<i></i><strong></strong></span>
                <span @click="getIsScreen(3)">{{salaryName}}<i></i><strong></strong></span>
                <span>高级筛选<i></i></span>
            </div>
            <div class="selfMedia-tabCent recruitPage-cent clearfix">
                <div class="recruitPage-list" v-for="item in recruitList2" @click.stop="getNext(2,item)">
                    <span class="list-leftImg" :style="bgimg(item.coverImgSrc)"></span>
                    <span class="list-leftIcon"></span>
                    <h6>{{item.title}}</h6>
                    <p>{{item.areaName}}<span></span>{{item.experienceName}}<span></span>{{item.educationName}}</p>
                    <p class="list-centName">{{item.name}}</p>
                    <span class="list-rightTop">{{item.salaryName}}</span>
                    <span class="list-rightImg" :style="bgimg(item.headImg)" @click.stop="getNext(3,item)"></span>
                </div>
            </div>
        </template>
        <template v-if="type==2">
            <div class="recruitPage-screen company-screen clearfix">
                <span @click="getIsScreen(2)">地点<i></i><strong></strong></span>
                <span>经验不限<i></i><strong></strong></span>
                <span>学历不限<i></i><strong></strong></span>
                <span>年龄不限<i></i></span>
            </div>
            <div class="company-cent clearfix">
                <div class="recruitPage-list" v-for="item in recruitList2" @click="getNext(1,item)">
                    <span class="list-leftImg" :style="bgimg(item.portrait)"></span>
                    <div class="list-cent">
                        <h6>{{item.name}}<strong :class="[item.sex=='1'?'friendsList-boy':'friendsList-girl']"></strong></h6>
                        <p class="text1">{{item.corporateName}}</p>
                        <p>{{item.placeName}}<span></span>{{item.workingLifeName}}<span></span>{{item.educationName}}</p>
                        <p class="text2">职位：{{item.functionsName}}</p>
                        <span class="list-centState">{{item.time}}</span>
                    </div>
                </div>
            </div>
        </template>
    </div>
    <div id="mask" v-if="isScreen" @click="getIsScreen()"></div>
    <div id="screen" v-if="isScreen">
        <template v-if="isScreen==2">
            <city-Choice :message="message" @choice="choiceList" @close="getIsScreen()"></city-Choice>
        </template>
        <template v-if="isScreen==3">
            <div class="screen-title">薪资(元)</div>
            <div class="salary-cent">
                <!--<strong :class="{active:item.id==salaryId}"  @click="getClass(2)">不限</strong>-->
                <span v-for="item in salaryList" :class="{active:item.id==salaryId}" @click="getClass(2,item)">{{item.value}}</span>
            </div>
        </template>
        <div class="screen-cent"></div>

    </div>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/js/see/recruitScreenResult.js?v=<%=$version%>"></script>
</body>
</html>